<%@page pageEncoding="UTF-8" isELIgnored="false" session="false"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@taglib prefix="f" uri="http://www.slim3.org/functions"%>

<fmt:bundle basename="application" >
<html>
<head>
<%@ include file="../common/inctop.jsp"%>
<script type="text/JavaScript">
$(function(){
    $('#tabs').tabs();
});
</script>
</head>
<body>
<div style="min-height:25px">
	<div id="topInfoLine1" class="infoLine">${f:br(systemInfo.topInfoLine1)}</div>
	<a href="${f:url('/mypage/')}" class="btn btnMiddle" style="float:right;"><span><fmt:message key="btn.login" /></span></a>
</div>
<div id="header" ></div>
<div id="topinfoArea1" class="infoArea">${f:br(systemInfo.topInfoArea1.value)}</div>
<div class="raceInfoArea" >
	今回のレース<br>
	<img alt="" src="../image/top/flag.jpg">
	<span id="raceName" class="raceName">${f:h(raceInfo.raceName)}</span>
	<div style="text-align: right;">
		<span id="raceInfo2" class="raceInfo">${f:h(raceInfo.raceInfo2)}</span>
		<span id="raceInfo3" class="raceInfo">${f:h(raceInfo.raceInfo3)}</span>
		<span id="raceInfo1" class="raceInfo">${f:h(raceInfo.raceInfo1)}</span>
	</div>
</div>
<div class="preRaceInfoArea" >
	<div class="preRaceInfoHead" >今後の予定</div>
	<c:forEach var="preRaceInfo" items="${preRaceInfoList}" varStatus="status">
		<div class="preRaceInfo line${status.index % 2}">
			${f:h(preRaceInfo.raceDate)}
			${f:h(preRaceInfo.displayRaceName)}
		</div>
	</c:forEach>
</div>
<div id="tabs" class="tab">
	<ul>
		<li><a href="#beginner"><fmt:message key="item.top.tab1"/></a></li>
		<li><a href="#handicapping"><fmt:message key="item.top.tab2"/></a></li>
		<li><a href="#lastRaceRanking"><fmt:message key="item.top.tab3"/></a></li>
		<li><a href="#ranking"><fmt:message key="item.top.tab4"/></a></li>
		<li><a href="#bbs"><fmt:message key="item.top.tab5"/></a></li>
	</ul>
	<div id="beginner"><%@ include file="incBeginner.jsp"%></div>
	<div id="handicapping"><%@ include file="incHandicapping.jsp"%></div>
	<div id="lastRaceRanking"><%@ include file="incLastRaceRanking.jsp"%></div>
	<div id="ranking"><%@ include file="incRanking.jsp"%></div>
	<div id="bbs"><%@ include file="incBbBbs.jsp"%></div>
</div>
</body>
</html>
</fmt:bundle>